.effects li{
    list-style-type: none;
    opacity: 0;
    animation: appear 0.5s forwards;
    margin-bottom: 10px;
}

.effects li:nth-child(1) {
    animation-delay: 0.5s;
}

.effects li:nth-child(2) {
    animation-delay: 1s;
}

.effects li:nth-child(3) {
    animation-delay: 1.5s;
}

.resultBody ul {
    padding-left: 0;
}

.effectLine {
    display: flex;
    align-items: flex-start;
}

.star {
    width: 100px;
}

.star, .effectDesc{
    display: flex;
    align-items: flex-start;
}

@keyframes appear {
    0% {
        opacity: 0;
        transform: translateX(10px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.resultBody {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.equipmentName {
    font-size: large;
    font-weight: bold;
}